<template>
	<view class="">
		<view class="box">
			<image src="../../static/logo.png" mode="" class="spimg"></image>
			<view class="rightbox">
				<view class="name">
					欧莱雅（LOREAL）复颜玻尿酸水光充
					盈导入膨润精华液
				</view>
				<view class="jianshu">
					已拼<text>960</text>件
				</view>
				<view class="btnbox">
					<view class="pricebox">
						<text class="dw">￥</text>
						<text class="price">128</text>
						<text class="delprice">￥160</text>
					</view>
					<view class="txbox">
						<image src="../../static/头像.jpg" mode="" style="z-index: 100;"></image>
						<image src="../../static/小葵.jpg" mode="" style="margin-left: -20rpx;"></image>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
</script>

<style scoped lang="scss">
	.box {
		background-color: #FFFFFF;
		display: flex;
		align-items: center;
		margin-bottom: 50rpx;

		.spimg {
			width: 180rpx;
			height: 180rpx;
		}

		.rightbox {
			margin-left: 30rpx;

			.name {
				width: 434rpx;
				font-family: MicrosoftYaHei;
				font-size: 26rpx;
				color: #333333;
			}

			.jianshu {
				margin-top: 27rpx;
				font-family: MicrosoftYaHei;
				font-size: 22rpx;
				color: #666666;

				text {
					font-family: MicrosoftYaHei;
					font-size: 22rpx;
					color: #f73f33;
				}
			}

			.btnbox {
				display: flex;
				justify-content: space-between;
				margin-top: 14rpx;

				.pricebox {
					.dw {
						font-family: PingFang-SC-Bold;
						font-size: 20rpx;
						color: #f74034;
					}

					.price {
						font-family: PingFang-SC-Bold;
						font-size: 28rpx;
						color: #f74034;
					}

					.delprice {
						font-family: PingFang-SC-Medium;
						font-size: 20rpx;
						color: #999999;
					}
				}

				.txbox {
					image {
						width: 49rpx;
						height: 49rpx;
						border-radius: 49rpx;
					}
				}
			}
		}
	}
</style>
